.public-layout {
  height: 621px;
  width: 100%;

  .public-container {
    width: 1148px;
    margin: 0 auto;
    text-align: center;
    padding-top: 123px;

    .header-text {
      font-family: Microsoft YaHei;
      font-weight: bold;
      font-size: 30px;
      color: #282828;
      line-height: 30px;
      margin-bottom: 27px;
    }
    .footer-box{
      width: 1148px;
      height: 415px;
      background: url('@/assets/images/bg4.webp') no-repeat;
      background-size: 100% 100%;

      
      padding-top: 57px;
      .footer-content{
        display: flex;
      justify-content: center;
      align-items: center;
        .left-box{
          width: 40px;
          height: 40px;
          background: url('@/assets/images/zuoquan.webp') no-repeat;
          background-size: 100% 100%;
          margin-right: 40px;
          cursor: pointer;
        }
        .right-box{
          width: 40px;
          height: 40px;
          background: url('@/assets/images/youquan.webp') no-repeat;
          background-size: 100% 100%;
          margin-left: 40px;
          cursor: pointer;
        }
        .avatar-list{
          display: flex;
         
          column-gap: 40px;
          .avatar-item{
            cursor: pointer;
            display: flex;
            flex-direction: column;
           
            position: relative;
            width: 300px;
            height: 200px;
            background: #FFFFFF;
            box-shadow: 0px 3px 24px 0px rgba(116,116,116,0.12);
            border-radius: 6px;
            .avatar-img{
              width: 300px;
              height: 150px;
              margin-bottom: 15px;
            }
            .img-text{
              font-family: Source Han Sans CN;
              font-weight: 500;
              font-size: 16px;
              color: #666666;
              line-height: 16px;
            }
          }
        }
      }


    }
  }
}